<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">流程信息</h4>
    </div>

    <div class="modal-body">
      <div class="row" style="margin-bottom:10px">
        <div class="col-md-12">
          <div class="box box-solid">
            <!-- <div class="box-header with-border">
              <h3 class="box-title">基本信息</h3>
            </div> -->
            <!-- /.box-header -->
            <div class="box-body">
              <div class="row">
                <div class="col-md-4">批次号：
                  <span *ngIf="item.nBatchNo != ''&&item.nBatchNo != null">{{item.nBatchNo}}</span>
                  <span *ngIf="item.nBatchNo == ''||item.nBatchNo == null">尚未提交</span>
                </div>
                <!-- <div class="col-md-2">{{item.nBatchNo}}</div> -->
                <div class="col-md-4">条目编号：{{item.nQdId ? item.nQdId : item.nQjId}}</div>
                <!-- <div class="col-md-2">{{item.nQjId}}</div> -->
                <div class="col-md-4 short_name1" title={{item.sFileName}}>文件名称：{{item.sFileName}}</div>
                <!-- <div class="col-md-2">{{item.sFileName}}</div> -->
              </div>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
        <!-- ./col -->
      </div>
      <!-- <form class="form-horizontal">
          <div class="form-group" style="margin-top:20px">
            <label class="col-lg-2 text-right">批次号:</label>
            <div class="col-lg-3">
              <input class="form-control" value="167785" disabled>
            </div>
            <label class="col-lg-2 text-right">条目编号:</label>
            <div class="col-lg-3">
              <input class="form-control" value="7" disabled>
            </div>
          </div>
  
          <div class="form-group" style="margin-top:20px">
            <label class="col-lg-2 text-right">文件名称:</label>
            <div class="col-lg-3">
              <input class="form-control" disabled>
            </div>
          </div>
        </form> -->
      <table class="table table-bordered table-hover">
        <thead>
          <tr>
            <th class="width-20">操作日期</th>
            <th class="width-20">操作流程</th>
            <th class="width-20">操作人</th>
            <th class="width-20">处理状态</th>
            <th class="width-20">备注</th>
          </tr>
        </thead>
        <tbody>
          <tr *ngFor="let item of singleFlowInfo">
            <td class="short_name" [attr.title]="item.sOprDate">{{item.sOprDate}}</td>
            <td class="short_name" [attr.title]="item.sFlowStepZh">{{item.sFlowStepZh}}</td>
            <td class="short_name" [attr.title]="item.sOprZh">{{item.sOprZh}}</td>
            <td class="short_name" [attr.title]="item.sOprStateZh">{{item.sOprStateZh}}</td>
            <td class="short_name" [attr.title]="item.sOprMark">{{item.sOprMark}}</td>
          </tr>
        </tbody>
      </table>

    </div>

    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">退出</button>
      <!-- <button type="button" class="btn btn-primary" (click)="saveEntry()">
          <i class="fa fa-save"></i>保存</button> -->
    </div>
  </div>
</div>